<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<title>Auto-sizing Table Columns</title>  
<style>  
  /* 这里可以添加一些全局样式，但通常不需要 */  
  td {  
  white-space: nowrap;  
}
</style>  
</head>  
<body>  
  
<table border="1">  
  <tr>  
    <th>Header 1</th>  
    <th>Header 2</th>  
    <th>Header 3</th>  
  </tr>  
  <tr>  
    <td>This is some content</td>  
    <td>Another cell with more content</td>  
    <td>The shortest content</td>  
  </tr>  
  <tr>  
    <td>Longer text that should stretch the column width</td>  
    <td>Normal length text</td>  
    <td>Another long text item</td>  
  </tr>  
</table>  
  
</body>  
</html>